.w1200 { margin: 0 auto; width: 1200px }
p { margin: 0 0 0 0 }
.fl { float: left }
.fr { float: right }
.header-right { width: 10%; float: right; margin-top: 2% }
.header-right a { display: inline-block; width: 22px; height: 22px; margin: 0 5px }
.header-right a img { width: 100% }
.section-layout-1 .section-layout-aside > * { margin-top: 15px; width: 100% }
.thumb-modern { position: relative; overflow: hidden; z-index: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; min-height: 170px; max-width: 600px; text-align: center; color: #ffffff }
@media(max-width:1600px) {
.thumb-modern { min-height: 150px }
}
@media(max-width:1440px) {
.thumb-modern { min-height: 90px }
}
.thumb-modern:focus, .thumb-modern:hover { color: #ffffff }
.thumb-modern__image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: none; display: inline-block }
.thumb-modern__caption { position: relative; z-index: 2; padding: 50px 35px }
.thumb-modern__title { font-size: 18px; line-height: 1.5 }
@supports (object-fit:cover) {
.thumb-modern__image { left: 0; top: 0; transform: none; width: 100%; height: 100%; object-fit: cover; object-position: center center }
}
@media (min-width:1600px) {
.section-layout-1 .section-layout-main { width: 76% }
.section-layout-1 .section-layout-aside { width: 32% }
.thumb-modern__caption { padding: 50px 35px }
}
@media (min-width:1200px) {
.section-layout-1 { display: flex; align-items: stretch; flex-direction: row }
.section-layout-1 .section-layout-main { display: flex; flex-shrink: 0; position: relative; overflow: hidden; width: 72%; transform: skew(10deg); transform-origin: 0 100% }
.section-layout-1 .section-layout-main > * { width: 100%; margin-top: 0; transform: skew(-10deg); transform-origin: 100% 100% }
.x-banner .owl-carousel .owl-dots { left: 70px }
.section-layout-1 .section-layout-aside { position: relative; z-index: 2; overflow: hidden; width: 35%; padding: 0 0 0 0; margin-left: 35px; flex-shrink: 0; align-items: flex-start; flex-direction: column; transform: skew(10deg); transform-origin: 100% 100% }
.section-layout-1 .section-layout-aside > * { margin-top: 35px }
.section-layout-1 .section-layout-aside > *:nth-child(1) { width: 100%; margin-top: 0 }
.section-layout-1 .section-layout-aside > *:nth-child(2) { width: 90% }
.section-layout-1 .section-layout-aside > *:nth-child(3) { width: 80% }
.section-layout-1 .section-layout-aside > *:last-child { margin-bottom: 0 }
.section-layout-1 .section-layout-aside__item { position: relative; display: flex; flex-grow: 1; flex-shrink: 0; transform: skew(-10deg); transform-origin: 0 0; width: 100%; padding: 0; opacity: .99 }
.section-layout-1 .section-layout-aside__item > * { flex-grow: 1; width: 100%; max-width: 100% }
}
@media (min-width:992px) {
html:not(.tablet):not(.mobile) .thumb-modern__image { transition: opacity 0.4s, transform 0.35s }
html:not(.tablet):not(.mobile) .thumb-modern__title { font-size: 26px; transform: scale3d(0.9, 0.9, 0.9); transition: transform 0.35s }
html:not(.tablet):not(.mobile) .thumb-modern:hover .thumb-modern__image { opacity: 0.9; transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1) }
@supports (object-fit:cover) {
html:not(.tablet):not(.mobile) .thumb-modern:hover .thumb-modern__image { transform: scale3d(1.05, 1.05, 1) }
}
html:not(.tablet):not(.mobile) .thumb-modern:hover .thumb-modern__title { transform: scale3d(1, 1, 1) }
.x-banner .owl-carousel .owl-dots { left: calc(50% - 480px + 5px) }
}
@media (min-width:768px) {
.section-layout-1 .section-layout-aside { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding-left: 8px; padding-right: 8px }
.section-layout-1 .section-layout-aside > * { margin-top: 15px; width: 25%; padding-left: 7px; padding-right: 7px }
.x-banner .owl-carousel .owl-dots { left: calc(50% - 360px + 5px); bottom: 50px }
.thumb-modern__title { font-size: 16px }
}
@media (max-width:767.98px) {
.section-layout-1 .section-layout-aside > * { max-width: 360px; margin-left: auto; margin-right: auto }
.thumb-modern { min-height: 200px }
}
@media (max-width:990px) {
.w1570 { max-width: 95% !important }
}
.w1570 { max-width: 75%; margin: 0 auto; padding: 0 15px }
.box2 { margin-top: 100px }
.box2-le { width: 58%; float: left; margin-top: 5% }
.ab-tit { height: 94px }
.ab-tit h3 { color: #1952be; font-size: 40px; font-weight: bold; font-family: "arial"; text-transform: uppercase }
.ab-tit span { display: block; font-size: 30px; font-weight: bold; letter-spacing: 2px; color: #0babf9 }
.ab-tit span font { border-bottom: solid #0babf9 2px; color: #000 }
.box2-le .cont { margin-top: 50px; color: #3d3d3d; font-size: 16px; text-align: justify; line-height: 2.2; height: 135px; overflow: hidden }
.box2-ri { width: 33.1%; float: right }
.box2-ri img { width: 100% }
.abul { }
.abul li.li1 { float: left; width: 33.1%; background: #1952be; margin-right: 0.3333%; text-align: center; height: 40vh; padding-top: 49px; position: relative }
.abul li.li1 a { display: block; height: 55px; width: 55px; margin: 0 auto }
.abul li.li1 a img { max-width: 100%; width: auto; height: auto }
.abul li.li1 span { display: block; color: #fff; font-size: 24px; margin-top: 43px }
.abul li.li1 p { color: #fff; font-size: 16px; margin-top: 12px }
.abul li.li1:after { content: ""; display: block; width: 18%; height: 4px; background: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 10% }
.abul li.li2 { float: left; width: 33.1%; margin-right: 0.333%; overflow: hidden; height: 40vh }
.abul li.li2 img { width: 100% }
.abul li:last-child { margin-right: 0 }
.anli { margin-top: 10rem }
.bt4 { background: url(../images/04.png)no-repeat 45% }
.anli ul { overflow: hidden; margin-top: 50px }
.anli ul li { float: left; text-align: center }
.anli ul li a { display: block; position: relative; overflow: hidden }
.anli ul li img { width: 100%; transition: all 1s }
.anli ul li span { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.59); color: #fff; font-size: 14px; display: none }
.anli ul li.anli1 { width: 25% }
.anli ul li.anli2 { width: 16% }
.anli ul li.anli3 { width: 16.8% }
.anli ul li.anli4 { width: 33.6% }
.anli ul li a:hover span { display: block }
.anli ul li a:hover img { transform: scale(1.1) }
.xin { margin-top: 110px }
.bt { height: 94px; padding-top: 15px; width: 100%; text-align: center }
.bt h3 { color: #cac9c9; font-size: 22px; font-family: "arial" }
.bt span { display: block; color: #000000; font-size: 38px }
.bt5 { background: url(../images/05.png)no-repeat 45% }
.news_list1 { margin-top: 70px; border-radius: 10px; overflow: hidden }
.news_list1 li { float: left; overflow: hidden; background: #f2f2f2; width: 50%; position: relative }
.news_list1 li:after { content: ""; width: 50%; height: 100%; background: #53b32e; position: absolute; bottom: -100%; left: 0; display: block; transition: all 1s }
.news_list1 li a.img { width: 50%; position: relative; float: left; z-index: 99; display: block; text-align: center }
.news_list1 li a.img:after { content: ""; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(59, 66, 146, 0.46) }
.news_list1 li a.img img { width: 100% }
.news_list1 li a.img span { display: none; position: absolute; top: 50%; margin-top: -20px; left: 0; right: 0; margin: 0 auto; width: 35%; height: 40px; line-height: 40px; color: #fff; font-size: 18px; padding: 0 2%; background: #53b32e; border-radius: 10px }
.news_list1 li .cont { float: right; width: 50%; padding: 3% 2%; position: relative; z-index: 999 }
.news_list1 li .cont b { display: block; text-align: right; color: #000; font-size: 40px; color: #fff; font-weight: normal }
.news_list1 li .cont .dac { margin-top: 3% }
.news_list1 li .cont .dac span { display: inline-block; padding: 0 1%; height: 25px; line-height: 25px; color: #fff; font-size: 12px; font-weight: 100; overflow: hidden; background: #98c95c; border-radius: 5px }
.news_list1 li .cont a { display: block; color: #53b32e; font-size: 30px; height: 35px; line-height: 35px; overflow: hidden; margin-top: 15px }
.news_list1 li .cont p { color: #53b32e; font-size: 17px; line-height: 25px; height: 50px; margin-top: 15px; overflow: hidden }
.news_list1 li:nth-child(1) a.img, .news_list1 li:nth-child(2) a.img { float: right }
.news_list1 li:nth-child(3):after, .news_list1 li:nth-child(4):after { left: 50% }
.news_list1 li:hover:after { bottom: 0 }
.news_list1 li:hover a.img:after { display: block }
.news_list1 li:hover a.img span { display: block }
.news_list1 li:hover .cont a, .news_list1 li:hover .cont p { color: #fff }
a.xin-more { display: block; width: 150px; margin: 0 auto; background: #ccc; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 24px; margin-top: 40px; position: relative }
a.xin-more span { position: relative; z-index: 99 }
a.xin-more:after { content: ""; display: block; width: 50%; height: 45px; position: absolute; top: 0; left: 0; background: #1952be; transition: all 1s }
a.xin-more:hover:after { width: 100% }
.link { padding: 15px 0; color: #666; font-size: 14px; line-height: 25px; margin-top: 30px }
.link a { color: #666 }
.footer { background: #333; background-size: cover; padding: 3% 0 4%; margin-top: 5rem; clear: both; }
.ff_le { width: 40%; float: left }
.ff_logo img { max-width: 100% }
.ff_js { color: #fff; font-size: 14px; line-height: 16px; line-height: 40px; margin-top: 30px; overflow: hidden; max-height: 25vh }
.ff_nav { margin-left: 10%; width: 12%; float: left; margin-top: 3% }
.ff_tit { color: #fff; font-size: 24px; line-height: 35px }
.ff_nav .cont { margin-top: 30px; color: #fff; font-size: 18px; line-height: 38px }
.ff_nav .cont a { color: #fff; display: block }
.ff_nav .cont a:hover { color: #98c95c }
.ff_lx { float: right; width: 26%; margin-top: 3% }
.ff_lx .cont { margin-top: 30px; color: #fff; font-size: 18px; line-height: 38px }
.ff_lx .cont a { color: #fff; display: block }
.ff_lx .cont a:hover { color: #98c95c }
.copyright { padding: 15px 0; color: #fff; font-size: 18px; background: #000; line-height: 30px }
.copyright a { color: #fff }
@media(max-width:1440px) {
.ff_nav { display: none }
.ff_lx { width: 50%; padding-top: 10% }
.ff_lx .cont { margin-top: 30px; color: #fff; font-size: 18px; line-height: 38px }
.ff_lx .cont a { color: #fff; display: block }
.ff_lx .cont a:hover { color: #98c95c }
.box2-le { margin-top: 2%; width: 60% }
.abul li.li1 { height: 470px }
}
@media(max-width:1366px) {
.abul li.li1 { height: 440px }
.abul li.li1 p { line-height: 44px }
.abul li.li1:after { bottom: 10% }
}
@media(max-width:1024px) {
.header-right { display: none }
.x-menu { width: 82% }
.box2-le .cont { margin-top: 20px; font-size: 16px; line-height: 1.8; height: 115px }
.abul li.li1 { height: 330px; padding-top: 40px }
.abul li.li1 span { margin-top: 20px; font-size: 18px }
.abul li.li1 p { font-size: 16px; line-height: 30px }
.pro-le { margin-top: 4% }
.news_list1 li .cont { padding: 0 2% }
.news_list1 li .cont b { font-size: 30px }
.news_list1 li .cont a { margin-top: 5px; font-size: 26px }
.news_list1 li a.img span { width: 50% }
}
@media(max-width:768px) {
.box2 { margin-top: 60px }
.ab-tit { height: 64px; background-size: 20% 100% }
.ab-tit h3 { font-size: 18px }
.ab-tit span { font-size: 27px }
.box2-le .cont { line-height: 40px; margin-top: 10px }
.box2-le a { margin-top: 20px; width: 20%; height: 30px; line-height: 30px; overflow: hidden }
.abul li.li1 { padding-top: 5px; height: 245px }
.abul li.li1 a img { width: 20% }
.abul li.li1 span { margin-top: 0 }
.abul li.li1 p { line-height: 25px }
.pro { margin-top: 60px }
.pro-le .fenlei { margin-top: 30px }
.pro-le .fenlei li a { font-size: 20px }
.anli { margin-top: 60px }
.bt4 { background: url(../images/04.png)no-repeat 42% }
.xin { margin-top: 60px }
.bt5 { background: url(../images/05.png)no-repeat 42% }
.news_list1 li { width: 100% }
a.xin-more { width: 30% }
.link { display: none }
.ff_le { width: 40% }
.ff_nav { display: none }
.ff_lx { display: block !important; width: 40% }
}
@media(max-width:768px) {
.box2-le, .box2-ri { float: none; width: 100%; margin-top: 2rem }
.abul li.li1, .abul li.li2 { width: 100% }
.abul li.li1 a img { width: 14% }
.pro { background: url(../images/bj1.jpg)no-repeat; background-size: cover }
.pro-le { float: none; width: 100% }
.pro-le .fenlei li { float: left; width: 33.333%; overflow: hidden; height: 30px; line-height: 30px; text-align: center }
.pro-le .fenlei li a { font-size: 16px }
.pro-ri { width: 100%; margin-top: 10px }
.honor-le { width: 100%; padding: 10% 3% 3% 2% }
.honor-cont { width: 100%; margin-top: 20px }
.anli, .xin { margin-top: 20px }
.bt4 { background: url(../images/04.png)no-repeat 28%; background-size: 20% 70% }
.bt5 { background: url(../images/05.png)no-repeat 28%; background-size: 20% 70% }
.bt { }
.bt span { font-size: 30px }
.anli ul { margin-top: 20px }
.anli ul li.anli1, .anli ul li.anli4 { width: 100% }
.anli ul li.anli2 { width: 49% }
.anli ul li.anli3 { width: 51% }
.news_list1 { margin-top: 30px }
.news_list1 li .cont b { font-size: 14px }
.news_list1 li .cont .dac { display: none }
.news_list1 li .cont a { font-size: 16px; height: 25px; line-height: 25px }
.news_list1 li .cont p { margin-top: 10px; font-size: 12px }
.ff_lx { display: none !important }
.ff_le { width: 100% }
}
.c4 { background: url(../images/c4.png) no-repeat top; height: 35vh }
.c44 { width: 75%; margin: 0 auto; padding-top: 92px }
.c45 li { width: 31.333%; margin-left: 1%; margin-right: 1%; float: left }
.c46 { width: 60px; height: 60px }
.c47 { width: 226px; float: left }
.c45 li:nth-child(3) { float: right; margin-right: 0 }
.c47 h3 { font: 400 18px/50px "微软雅黑"; color: #fff }
.c47 span { font: 400 14px/26px "微软雅黑"; color: #fff }
.case { width: 25%; float: left; padding: 1% }
.demo { padding: 3em 0 }
.box { position: relative; perspective: 1000px }
.box .box-img { transform: rotateY(0); transition: all 0.50s ease-in-out 0s }
.box .box-img img { width: 100%; height: auto }
.box .box-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 60px 20px; text-align: center; background: url(../images/cb.png) no-repeat center center; transform: rotateY(90deg); transition: all 0.50s ease-in-out 0s }
.box:hover .box-content { transform: rotateY(0) }
.box .title { font-size: 20px; color: #fff; text-transform: uppercase }
.box .title a { font-size: 20px; color: #fff }
.box .description { font-size: 14px; line-height: 24px; color: #fff }
.box .description a { font-size: 14px; line-height: 24px; color: #fff }
.box .title:after, .box .description:after { content: ""; width: 80%; display: block; border-bottom: 1px solid #fff; margin: 15px auto }
.box .social-links { margin: 0; padding: 0; list-style: none }
.box .social-links li { display: inline-block; margin: 0 10px }
.box .social-links li a { font-size: 20px; color: #a6a6a6 }
.box .social-links li a:hover { text-decoration: none; color: #fff }
@media (min-width:768px) and (max-width:990px) {
.box { margin-bottom: 20px }
.case { width: 48%; float: left; margin-left: 1%; margin-right: 1% }
.demo { padding: 5% }
}
@media only screen and (max-width:768px) {
.box .box-content { padding: 20px }
.case { width: 100%; float: left }
.demo { padding: 5% }
.case:nth-child(5) { display: none }
.case:nth-child(6) { display: none }
.case:nth-child(7) { display: none }
.case:nth-child(8) { display: none }
}
.pro { background: url(../images/bj1.jpg)no-repeat center bottom; background-size: 100% 100%; margin-top: 100px }
.pro-le { width: 100%; float: left; margin-top: 2% }
.pro-le h3 { color: #fff; font-size: 22px; font-family: "arial" }
.pro-le h3 span { display: block; font-family: "微软雅黑"; font-size: 35px }
.pro-le .fenlei { margin-top: 60px }
.pro-le .fenlei li { line-height: 65px }
.pro-le .fenlei li a { color: #fff; font-size: 30px }
.pro-le .fenlei li a:hover { color: #53b32e }
.pro-ri { float: right; width: 100%; position: relative; }
.pro .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.pro .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y }
.pro .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px) }
.pro .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% }
.pro .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out }
.pro .owl-carousel .owl-item { float: left; padding: 2rem }
.pro .owl-carousel .owl-item .item { padding: 2rem; background: rgba(255, 255, 255, 1) }
.pro .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer }
.pro .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
.grabbing { cursor: url(../images/grabbing.png) 8 8, move }
.pro .owl-theme .owl-controls { margin-top: 10px; text-align: center }
.pro .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #53b32e; filter: Alpha(Opacity=50); opacity: 0.5 }
.pro .owl-theme .owl-controls .owl-buttons { display: none }
.pro .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none }
.pro .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline }
.pro .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff }
.pro .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #0babf9 }
.pro .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px }
.pro .owl-item.loading { min-height: 150px; background: url(../images/ajaxloader.gif) no-repeat center center }
/**
.btn21{width:100%;overflow:hidden;position:relative;-webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3)}
.btn21 img{width:100%;position:relative;top:0;left:0}
.btn21 .ovrly{background:rgba(0,0,0,0.5);height:100%;left:0;position:absolute;top:0;width:100%;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.btn21 .buttons{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.btn21 .buttons .fa{-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);-moz-box-shadow:0 0 1px rgba(0,0,0,0.3);box-shadow:0 0 1px rgba(0,0,0,0.3);display:inline-block;line-height:40px;font-size:24px;text-align:center;text-decoration:none;width:100%;height:auto;color:#fff;letter-spacing:2px;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);position:relative;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;transition:transform 0.3s}
.btn21:hover .buttons .fa{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
.btn21 .buttons .fc{-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);-moz-box-shadow:0 0 1px rgba(0,0,0,0.3);box-shadow:0 0 1px rgba(0,0,0,0.3);display:inline-block;line-height:40px;font-size:16px;text-align:center;text-decoration:none;width:100%;height:auto;color:#fff;letter-spacing:2px;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);position:relative;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;transition:transform 0.3s}
.btn21:hover .buttons .fc{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
.btn21:hover .ovrly{opacity:1}
**/
.sec1 { background: #f2f2f2 }
.main { max-width: 1200px; margin: 0 auto; padding: 40px 0 }
.title { font-size: 24px; margin-bottom: 1em; text-align: center }
.img-count, .img-count img { position: relative }
.img-count-in { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; height: 100%; *height: 100% }
.w-newsList1 { position: relative }
.w-newsList1 a { display: block; text-decoration: none; color: #333 }
.w-newsList1 .news-item { position: relative }
.w-newsList1 .news-imgbox { width: 58% }
.w-newsList1 .news-imgbox img { transition: transform 3.5s; -webkit-transition: transform 3.5s; transform: scale(1.1); -webkit-transform: scale(1.1) }
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img { transform: scale(1); -webkit-transform: scale(1) }
.w-newsList1 .aspectRatio { padding-bottom: 450px }
.w-newsList1 .news-text { position: absolute; right: 0; width: 50%; top: 50%; top: 10%\9; *top: 10%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow: hidden }
:root .w-newsList1 .news-text { top: 50% }
.w-newsList1 .date { line-height: 1.4; margin-bottom: 0.8em }
.w-newsList1 .date .year { font-size: 46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif }
.w-newsList1 .date .day_month { font-size: 17px; color: #bebebe }
.w-newsList1 .news-h { font-size: 24px; font-weight: bold; line-height: 1.4; height: 2.8em; overflow: hidden; margin-bottom: 0.3em }
.ov_hid { clear: both; }
.w-newsList1 .news-sum { line-height: 1.8; height: 3.5em; overflow: hidden; color: #aaa }
.w-newsList1 .more { margin-top: 20px; width: 45px; height: 24px; float: right; }
.w-newsList1 .adSN_page { position: absolute; z-index: 9; left: 50%; bottom: 50%; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width: 35%; padding-left: 4% }
.w-newsList1 .adSN_page span { display: inline-block; *display: inline; *zoom: 1; margin: 0 6px }
.w-newsList1 .swiper-num { position: absolute; z-index: 9; right: 15px; top: 50%; margin-top: -130px; color: #bebebe }
.w-newsList1 .swiper-num .active { font-size: 32px; font-weight: bold }
@media (max-width:960px) {
.w-newsList2 .news-h { font-size: 24px }
.w-newsList2 .news-sum { display: none }
}
@media (max-width:767px) {
.w-newsList1 .news-imgbox { width: 100% }
.w-newsList1 .aspectRatio { padding-bottom: 56.25% }
.w-newsList1 .news-text { position: relative; width: 100%; top: 0; transform: none; -webkit-transform: none; padding: 1.2em 4% 1.5em }
:root .w-newsList1 .news-text { top: 0 }
.w-newsList1 .adSN_page { left: 0; bottom: 2em; margin-bottom: 0 }
.w-newsList1 .swiper-num { bottom: 232px; top: auto; margin-top: 0 }
}
@media (max-width:480px) {
.title { font-size: 6vw }
.w-newsList1 .news-h { font-size: 125% }
.w-newsList1 .date .year { font-size: 300% }
.w-newsList1 .date .day_month { font-size: 110% }
.w-newsList1 .swiper-num { bottom: 15em }
.w-newsList1 .swiper-num .active { font-size: 200% }
}
.ya { float: right; width: 100%; position: static !important; padding: 0 4% }
.shou_zhu { margin-top: 10px }
.shou_zhu .ysc { width: 31.333%; float: left; margin-left: 1%; margin-right: 1% }
@media (max-width:990px) {
.shou_zhu .ysc { width: 100% }
.col-xs-3 { width: 25% }
.col-xs-9 { width: 75% }
}
.shou_zhu .col-lg-4 .thumbnail:hover { transform: translateY(-5px); transition: all 0.5s }
.shou_zhu .col-lg-4 .thumbnail { padding-top: 10px; height: 110px; width: 100%; cursor: pointer }
@media (min-width:768px) {
.shou_zhu .col-lg-4 .thumbnail { padding-top: 10px; height: 430px; cursor: pointer; width: 80% }
}
.shou_zhu .col-lg-4 { padding-left: 5px; padding-right: 5px; margin-top: 25px }
@media (min-width:768px) {
.shou_zhu .col-lg-4 { padding-left: 10px; padding-right: 10px }
}
.shou_zhu .col-lg-4 .col-lg-12 { padding: 0px }
@media (min-width:768px) {
.shou_zhu .col-lg-4 .col-lg-12 { padding: 0px 0px }
}
.shou_zhu h3 { margin-top: 5px; margin-bottom: 1px; font-size: 0.9em; font-weight: bold }
@media (min-width:768px) {
.shou_zhu h3 { font-size: 1.6em; margin-top: 40px; margin-bottom: 15px; font-weight: bold }
}
.shou_zhu h4 { font-size: 0.9em }
@media (min-width:768px) {
.shou_zhu h4 { font-size: 1.2em; line-height: 2 }
}
.shou_zhu h2 { margin-bottom: 18px; font-size: 1.1em; color: white }
@media (min-width:768px) {
.shou_zhu h2 { font-size: 2em; margin-bottom: 50px }
}
.shou_zhu h2 span { padding: 10px 10px }
@media (min-width:768px) {
.shou_zhu h2 span { padding: 10px 15px }
}
.shou_zhu .xian1 { width: 15%; margin-left: -130px; border-top: solid 1px white; margin-top: -27px }
@media (min-width:768px) {
.shou_zhu .xian1 { width: 13%; margin-left: -300px; border-top: solid 1px white; margin-top: -62px; margin-bottom: 50px }
}
.shou_zhu .xian2 { width: 15%; margin-left: 130px; border-top: solid 1px white; margin-top: -1px; margin-bottom: 20px }
@media (min-width:768px) {
.shou_zhu .xian2 { width: 13%; margin-left: 300px; border-top: solid 1px white; margin-top: -55px; margin-bottom: 50px }
}
.shou_zhu ul { padding: 0px; font-size: 0.8em; border-radius: 5px; line-height: 25px }
@media (min-width:768px) {
.shou_zhu ul { padding: 0px 10px; font-size: 1.1em; border-radius: 5px; line-height: 30px }
}
.yuan { height: 55px; width: 55px; margin-top: 10px; padding: 12px; border-radius: 50%; box-shadow: 4px 4px 10px #888888 }
@media (min-width:768px) {
.yuan { height: 130px; width: 130px; margin-top: 13px; margin-bottom: 20px; padding: 30px; border-radius: 50%; box-shadow: 8px 8px 10px #888888 }
}
.yuan img { width: 100% }
/*关于我们*/
@-webkit-keyframes arrow {
0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px) }
33% { opacity: 1 }
66% { opacity: 1 }
100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px) }
}
@keyframes arrow {
0% { opacity: 0; transform: translate3d(0px, 0px, 0px) }
33% { opacity: 1 }
66% { opacity: 1 }
100% { opacity: 0; transform: translate3d(0px, 5px, 0px) }
}
#s_about { background: #fff; padding-top: 6.25rem; position: relative; z-index: 0; overflow: hidden }
#s_about .s_tt { text-align: center; margin-bottom: 3.125rem }
#s_about .s_tt p { font-size: 16px; color: #363636 }
#s_about .s_tt span { font-size: 2.625rem; color: #000; display: block; margin: 15px auto; font-family: dinot }
#s_about .s_tt h3 { }
#s_about .txt { color: #363636; font-size: 1.4rem; line-height: 2.4; height: auto; max-width: 1240px; margin: 0 auto; text-align: center }
#s_about .s_btn2 { background: #043499 }
#s_news .s_btn2 { background: #043499 }
.about_slide { position: relative; width: 100%; height: 25vh; max-width: 100%; background: url(../images/about_slide.png) center bottom no-repeat; background-size: contain; margin: 0 auto; text-align: center; color: #fff; padding-top: 1.6rem; margin-top: 4.75rem }
.about_slide a { color: #fff; line-height: 2; font-size: 1.4rem; }
.about_slide .slider { width: 11.0625rem; margin: 0 auto }
.about_slide .slider li { }
.about_slide .slider li i { color: #fff; font-size: 2.2rem }
.about_slide .slider li p { color: #fff; margin-top: 10px }
.about_slide .slick-prev:before, .about_slide .slick-next:before { font-size: 14px }
.slick-prev { z-index: 99 }
.about_bg { text-align: center; position: absolute; width: 100%; bottom: -12.9rem; z-index: -1 }
.about_bg img { max-width: 100%; width: auto; animation: rotation 50s linear infinite; -moz-animation: rotation 50s linear infinite; -webkit-animation: rotation 50s linear infinite; -o-animation: rotation 50s linear infinite }
.i_about_info{ width: 100%;float: left; height: 200px; overflow: hidden;}
@-webkit-keyframes rotation {
from { -webkit-transform: rotate(0deg) }
to { -webkit-transform: rotate(360deg) }
}
#n_yingyong ul li .mask p { font-size: 20px; font-weight: normal; line-height: 24px }
.s_btn2 { position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 149px; height: 43px; display: block; margin: 0 auto; border-radius: 10px; text-align: center; font-size: 14px; color: #3333; font-family: arial; line-height: 41px; margin-top: 3.875rem; background: #05339a }
.s_btn2::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border: solid #333 1px; border-radius: 10px; transform-origin: bottom left; transition: transform .5s cubic-bezier(.77, 0, .175, 1) }
.s_btn2:hover::before { visibility: hidden; transition: transform .5s cubic-bezier(.77, 0, .175, 1), visibility 0s .47s; transform: scaleY(0) }
#s_news .s_btn2::before { background: #fff }
.button__label { position: relative; display: inline-block; animation: button-roll-out .5s forwards cubic-bezier(.165, .84, .44, 1) }
.s_btn2:hover .button__label { animation: button-roll-over .5s forwards cubic-bezier(.165, .84, .44, 1) }
@keyframes button-roll-over {
35% { transform: translateY(10px) }
35.001% { transform: translateY(-20px) }
100% { color: #fff; transform: translateY(0) }
}
@keyframes button-roll-out {
0% { color: #fff }
35% { transform: translateY(20px); opacity: 0 }
60% { opacity: 0 }
60.001% { opacity: 1; transform: translateY(-15px) }
100% { transform: translateY(0) }
}
.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; margin: 0 auto; margin-top: 10vh; }
.bx-wrapper img { max-width: 100%; display: block; margin: 0 auto; }
.bx-wrapper .bx-viewport { left: -5px; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0) }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; display: none; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000 }
.bx-wrapper .bx-prev { left: -10px; background: url(../images/controls.png) no-repeat 0 -32px }
.bx-wrapper .bx-next { right: -10px; background: url(../images/controls.png) no-repeat -43px -32px }
.bx-wrapper .bx-prev:hover { background-position: 0 0 }
.bx-wrapper .bx-next:hover { background-position: -43px 0 }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999 }
.bx-wrapper .bx-controls-direction a.disabled { display: none }
.bx-wrapper .bx-controls-auto { text-align: center }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0 }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100% }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px }
@media (max-width:468px) {
.about_slide { height: 15vh; }
.bx-wrapper { margin-top: 4vh; }
}
@media (min-width:469px) and (max-width:768px) {
.about_slide { height: 15vh; }
.bx-wrapper { margin-top: 5vh; }
}
.tit { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; }
.tit h2 a { font-size: 3.6rem; width: 100%; text-align: center; color: #000; font-weight: bold; letter-spacing: 0px; display: block }
.tit h3 a { font-size: 2.4rem; width: 100%; text-align: center; color: #000; font-weight: normal; letter-spacing: 0px; display: block; line-height: 2.4; }
.tit p { width: 100%; text-align: center; color: #222; font-size: 1.4rem; line-height: 2.4; }
.tit ul { width: 100%; height: auto; clear: both; text-align: right; }
.tit ul a { color: #000; font-size: 1.6rem; display: inline-table; margin: 0 10px; padding: 10px 15px; transition: all .4s }
.tit ul a:hover { background: #0babf9; color: #fff; }
.tit2 { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; }
.tit2 h2 a { font-size: 3.6rem; width: 100%; text-align: left; color: #fff; font-weight: bold; letter-spacing: 0px; display: block }
.tit2 h3 a { font-size: 2.4rem; width: 100%; text-align: left; color: #fff; font-weight: normal; letter-spacing: 0px; display: block; line-height: 2.4; }
@media (max-width:990px) {
.tit { width: 100%; }
.tit h2 a { text-align: center; font-size: 2.2rem; }
.tit h3 a { text-align: center; font-size: 1.8rem; line-height: 2.4; }
.tit p { font-size: 1.3rem; line-height: 1.8; }
.tit ul { text-align: center; margin-top: 2rem; }
.tit ul a { background: #d6d5d6; }
.tit2 { width: 100%; }
.tit2 h2 a { text-align: center; font-size: 2.2rem; }
.tit2 h3 a { text-align: center; font-size: 1.8rem; line-height: 2.4; }
}
.mm { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; }
/*产å“开始*/
.product { width: 100%; height: auto; padding: 5rem 0rem; clear: both; position: relative; overflow: hidden; background: #fff }
.product .mm { padding: 7rem 0rem 0rem 0rem; }
.product .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init*/
.product .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.product .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.product .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.product .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.product .owl-carousel .owl-item { float: left; }
.product .owl-controls .owl-page, .product .owl-controls .owl-buttons div { cursor: pointer; }
.grabbing { cursor: url(../images/grabbing.png) 8 8, move; }
.product .owl-carousel .owl-wrapper, .product .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
#owl-demo3 .item { margin: 0.5rem; overflow: hidden; }
#owl-demo3 .item .img img { display: block; width: 100%; height: auto; }
#owl-demo3 .item .img { display: block; width: 100%; height: auto; overflow: hidden; position: relative; }
#owl-demo3 .item .text { width: 100%; height: auto; padding: 10% 5% 10% 5%; position: relative; transition: all 1s }
#owl-demo3 .item .mc { width: 100%; height: 0%; transition: all 1s }
#owl-demo3 .item:hover .mc { background: url(../images/pbei.png) no-repeat center center; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: all 1s }
#owl-demo3 .item .text h2 { display: block; width: 100%; height: auto; transition: all 1s }
#owl-demo3 .item .text h2 a { display: block; width: 100%; height: auto; font-size: 1.8rem; color: #000000; text-align: center; transition: all 1s; font-weight: normal; }
#owl-demo3 .item .text .more2 { width: 80px; display: block; height: 30px; border-radius: 20px; border: solid #333 1px; color: #333; text-align: center; line-height: 30px; clear: both; margin-top: 3rem; margin: 0 auto; transition: all 1s }
#owl-demo3 .item .text p { width: 100%; clear: both; padding-top: 1rem; transition: all 1s; text-align: center; color: #000; font-size: 1.4rem; font-weight: bold; }
#owl-demo3 .item .text h3 { position: absolute; right: 2rem; bottom: -10rem; color: #5a6eb1; font-size: 10rem; transition: all 1s }
#owl-demo3 .item:hover .text .more2 { border: solid #fff 1px; color: #fff; transition: all 1s }
#owl-demo3 .item:hover .text h2 a { color: #0babf9; transition: all 1s }
#owl-demo3 .item:hover .text p { color: #0babf9; transition: all 1s }
#owl-demo3 .item:hover .text h3 { position: absolute; right: 2rem; bottom: -2rem; color: #5a6eb1; font-size: 10rem; transition: all 1s }
.product .owl-theme .owl-controls { margin-top: 2rem; text-align: center; }
.product .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver*/ margin: 5px; padding: 3px 10px; font-size: 0px; width: 75px; height: 35px; }
.product .owl-theme .owl-controls .owl-buttons .owl-prev { background: url(../images/pl.png) no-repeat center top; }
.product .owl-theme .owl-controls .owl-buttons .owl-next { background: url(../images/pr.png) no-repeat center top; }
.product .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
.product .owl-theme .owl-controls .owl-page { display: none; }
.product .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.product .owl-theme .owl-controls .owl-page.active span, .product .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
.product .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(../images/ajaxloader.gif) no-repeat center center }
@media(max-width:990px) {
.product .mm { padding: 2rem 0rem 0rem 0rem; }
#owl-demo3 .item .text { padding: 5% 5% 5% 5%; }
.product .owl-theme .owl-controls { margin-top: 0rem; }
#owl-demo3 .item { margin: 0% 5%; }
}
.more { display: block; width: 170px; height: 40px; line-height: 40px; color: #fff !important; text-align: center; font-size: 14px; margin-top: 5rem !important; background: #0babf9; transition: all 1s }
.more:hover { position: relative; top: -5px; transition: all 1s }
/*关于我们*/
/*.about { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; background: url(../images/about.jpg) no-repeat center top; background-size: cover; padding: 7rem 0rem; background-attachment: fixed }
.about .atit { width: 57%; height: auto; clear: both; float: left; overflow: hidden; }
.about .atit h2 { width: 100%; color: #fff; font-size: 5rem; font-weight: normal; }
.about .atit h3 { width: 100%; color: #fff; font-size: 1.8rem; font-weight: normal; line-height: 2.2; text-align: right;margin-right: 50px;float: right;}
.about .atit p { width: 100%; color: #fff; font-size: 1.4rem; font-weight: normal; margin-top: 2rem; line-height: 2 }
.about .product-num-box { width: 100%; height: auto ;float:left;margin-top: 20px;background: #fff; padding: 0 2%;}
.about .product-num-content { width: 100%; height: auto; margin: 0 auto; text-align: center; font-size: 0; overflow: hidden; padding: 2% 0;}
.about .product-num-content li{ text-align: center;}
.about .product-num-content li img{ cursor: pointer; max-width: 100%;border-radius: 100px; transition: 0.3s;}
.about .product-num-content li img:hover{ box-shadow: 5px 8px 5px #dddddd; }
.about .product-num-title { padding-top: 110px; margin-bottom: 30px; font-size: 42px; color: #fff; line-height: 45px; }
.about .product-num-text { font-size: 16px; color: #fff; line-height: 28px }
.about .product-num-head { margin-top: 80px; font-size: 0 }
.about .product-num-item { float: left; text-align: center; position: relative; width: 100%; background: #fff; }
.about .product-num-jus { display: inline-block; margin: 80px 0; width: 162px; height: 56px; font-size: 22px; color: #0babf9; background: #fff; line-height: 48px; letter-spacing: 2px; cursor: pointer; font-weight: 500; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; text-decoration: none }
.about .product-num-nub { display: inline-block; width: 55%; font-size: 3.6rem; color: #0babf9; line-height: 62px; text-align: right; }
.about .product-num-add { font-size: 24px; color: #0babf9; width: 45%; align-self: center; text-align: left; display: inline-block; }
.about .product-num-inf { margin-top: 24px; font-size: 1.4rem; color: #000000; line-height: 0; display: inline-block; width: 100%; }
.about .product-num-jus:hover { background-color: #fff; color: #3e88f1 }
.about .product-num-wan { position: absolute; right: 55px; top: 0px }
@media(max-width:799px) {
.product-num-box .swiper-button-next,.product-num-box .swiper-button-prev{ display: none;}
}
@media(max-width:990px) {
.about { padding: 3rem 0rem; }
.about .atit h2 { font-size: 2.4rem; }
.about .atit h3 { font-size: 1.6rem; }
.about .atit p { font-size: 1.3rem; }
.about .product-num-head { margin-top: 3rem }
/* .about .product-num-item { width: 50%; } */
/*.about .product-num-inf { margin-top: 1rem; }
.about .product-num-nub { font-size: 2.6rem; }
.about .product-num-add { font-size: 1.6rem; }
.about .product-num-inf { font-size: 1.4rem; }
.about .product-num-item:nth-child(2) { background: #0babf9 }
.about .product-num-item:nth-child(2) .product-num-nub { color: #fff; }
.about .product-num-item:nth-child(2) .product-num-add { color: #fff; }
.about .product-num-item:nth-child(2) .product-num-inf { color: #fff; }
.about .product-num-item:nth-child(4) { background: #fff }
.about .product-num-item:nth-child(4) .product-num-nub { color: #0babf9; }
.about .product-num-item:nth-child(4) .product-num-add { color: #0babf9; }
.about .product-num-item:nth-child(4) .product-num-inf { color: #000; }
}
*/
/*关于我们*/
.about{width:100%;height:auto;clear:both;position:relative;overflow:hidden;background:url(../images/about.jpg) no-repeat center top;background-size:cover;padding: 7rem 0rem;background-attachment:fixed}
.about .atit{width:50%;height:auto;position:relative;overflow:hidden; text-align: left; float: right;}
.about .atit h1{width:100%;color:#fff;font-size:5rem;font-weight:normal;}
.about .atit h2{width:100%;color:#fff;font-size:1.8rem;font-weight:normal;line-height:2.2}
.about .atit p{width:100%;color:#fff;font-size:1.4rem;font-weight:normal;margin-top:2rem;line-height:2; text-indent: 2em;}
.about .atit .more{ margin: 0 auto;float: left;}
.about .about_tu{ float: left; width: 45%;}
.about .product-num-box{width:100%;height:auto}
.about .product-num-content{width: 100%;height: auto;margin:0 auto;text-align:center;font-size:0}
.about .product-num-title{padding-top:110px;margin-bottom:30px;font-size:42px;color:#fff;line-height:45px;}
.about .product-num-text{font-size:16px;color:#fff;line-height:28px}
.about .product-num-head{margin-top:80px;font-size:0}
.about .product-num-item{float:left;padding: 50px 0px;text-align:center;position:relative;width:25%;background:#fff;}
.about .product-num-jus{display:inline-block;margin:80px 0;width:162px;height:56px;font-size:22px;color:#0babf9;background:#fff;line-height:48px;letter-spacing:2px;cursor:pointer;font-weight:500;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none}
.about .product-num-nub{display:inline-block;/*width:55%;*/font-size: 3.6rem;color:#0babf9;line-height:62px;text-align: right;}
.about .product-num-add{font-size:24px;color:#0babf9;/*width:45%;*/align-self: center;text-align:left;display:inline-block;}
.about .product-num-inf{margin-top:24px;font-size:1.4rem;color:#000000;line-height:0;display:inline-block;width:100%;}
.about .product-num-jus:hover{background-color:#fff;color:#3e88f1}
.about .product-num-wan{position:absolute;right:55px;top:0px}
.about .product-num-item:nth-child(3),.about .product-num-item:nth-child(4){background:#0babf9}
.about .product-num-item:nth-child(3) .product-num-nub{color:#fff;}
.about .product-num-item:nth-child(3) .product-num-add{color:#fff;}
.about .product-num-item:nth-child(3) .product-num-inf{color:#fff;}
.about .product-num-item:nth-child(4) .product-num-nub{color:#fff;}
.about .product-num-item:nth-child(4) .product-num-add{color:#fff;}
.about .product-num-item:nth-child(4) .product-num-inf{color:#fff;}
@media(max-width:990px){
.about{padding: 3rem 0rem;}
.about .atit h1{font-size:2.4rem;}
.about .atit h2{font-size:1.6rem;2}
.about .atit p{font-size:1.3rem;}
.about .product-num-head{margin-top:3rem}
.about .product-num-item{width:50%;}
.about .product-num-inf{margin-top:1rem;}
.about .product-num-nub{font-size: 2.6rem;}
.about .product-num-add{font-size:1.6rem;}
.about .product-num-inf{font-size:1.4rem;}
.about .product-num-item:nth-child(2){background:#0babf9}
.about .product-num-item:nth-child(2) .product-num-nub{color:#fff;}
.about .product-num-item:nth-child(2) .product-num-add{color:#fff;}
.about .product-num-item:nth-child(2) .product-num-inf{color:#fff;}
.about .product-num-item:nth-child(4){background:#fff}
.about .product-num-item:nth-child(4) .product-num-nub{color:#0babf9;}
.about .product-num-item:nth-child(4) .product-num-add{color:#0babf9;}
.about .product-num-item:nth-child(4) .product-num-inf{color:#000;}
}
/*优势开始*/
.ys { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; background: url(../images/ys.jpg) no-repeat center top; background-size: cover; padding: 5rem 0rem 0rem 0rem; }
.ys .tit2 { padding: 2rem 0rem; width: 100%; clear: both; overflow: hidden; }
.ys .tit2 h1 { display: block; width: 100%; text-align: center; color: #fff; font-size: 3.6rem; font-weight: bold; letter-spacing: 2px; }
.ys .tit2 h1 span { width: 70px; height: 1px; background: #fff; display: inline-table; vertical-align: middle; margin: 0 2%; }
.ys .tit2 p { display: block; width: 100%; text-align: center; color: #fff; font-size: 1.4rem; line-height: 4; letter-spacing: 1px; }
.ys .chi { padding: 5rem 0rem; width: 100%; clear: both; overflow: hidden; padding: 5rem 0rem 0rem 0rem; }
.ys .chi img { max-width: 100%; height: auto; width: auto; }
.ys.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init*/
.ys.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.ys.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.ys.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.ys.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.ys.owl-carousel .owl-item { float: left; }
.ys .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.ys .owl-carousel .owl-wrapper-outer { float: left; }
.ys .owl-theme .owl-controls { margin-top: 2rem; text-align: center; float: left; width: 100%; }
.ys .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #53b32e; filter: Alpha(Opacity=50); opacity: 0.5 }
.ys .owl-theme .owl-controls .owl-pagination { margin: 0 auto; width: 100%; text-align: center; display: none }
.ys .owl-theme .owl-controls .owl-buttons { display: none }
.ys .owl-theme .owl-controls .clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none }
.ys .owl-theme .owl-controls .owl-page { display: inline-table; }
.ys .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff }
.ys .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #0babf9 }
.ys .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px }
.ys .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver*/ margin: 5px; padding: 3px 10px; font-size: 0px; width: 75px; height: 35px; }
.ys .owl-theme .owl-controls .owl-buttons .owl-prev { background: url(../images/pl.png) no-repeat center top; opacity: 1; border-radius: 0px; }
.ys .owl-theme .owl-controls .owl-buttons .owl-next { background: url(../images/pr2.png) no-repeat center top; opacity: 1; border-radius: 0px; }
/* mouse grab icon*/
.grabbing { cursor: url(../images/grabbing.png) 8 8, move; }
/* fix*/
.ys .owl-carousel .owl-wrapper, .ys .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); float: left; }
#owl-demo4 .item { overflow: hidden; position: relative; text-align: center; }
#owl-demo4 .item span { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; }
#owl-demo4 .item .fz_nf{ font-size: 100px; font-weight: bold; color: #fff; top: 10%; position: relative; opacity: 0.1; transition: 0.3s;}
#owl-demo4 .item h3 { font-size: 1.8rem; position: absolute; width: 100%; left: 0; top: 40%; transition: .3s; font-weight: normal; color: #fff; }
#owl-demo4 .item h2 { padding: 0% 5%; font-size: 1.4rem; position: absolute; width: 100%; left: 0; top: 50%; transition: .3s; font-weight: normal; color: #fff; line-height: 2; }
#owl-demo4 .item p { width: 80%; position: absolute; font-size: 16px; left: 10%; top: 70%; opacity: 0; transition: .3s; }
#owl-demo4 .item a { position: absolute; top: 85%; font-size: 16px; line-height: 32px; width: 120px; margin: 0 0 0 -60px; color: #fff; border: 2px solid #fff; opacity: 0; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; }
#owl-demo4 .item a:hover { background: #fff; color: #373d41; }
#owl-demo4 .item .ybei { display: block; width: 100%; }
#owl-demo4 .item:hover span { background: rgba(255, 255, 255, 1); }
#owl-demo4 .item:hover .fz_nf { font-size: 50px; color: #0babf9; top: 15px; opacity: 1; }
#owl-demo4 .item:hover h3 { top: 15%; color: #0babf9; }
#owl-demo4 .item:hover h2 { top: 25%; color: #000; }
#owl-demo4 .item:hover p { top: 45%; opacity: 1; }
#owl-demo4 .item:hover a { top: 75%; opacity: 1; }
.owl-item.loading { min-height: 150px; background: url(../images/ajaxloader.gif) no-repeat center center }
@media (max-width:999px) {
#owl-demo4 .item .fz_nf { font-size: 40px; color: #0babf9; top: 15px; opacity: 1; }
}
@media (max-width:625px) {
.ys { padding: 3rem 0rem 3rem 0rem; }
.ys .mm { width: 90%; margin: 0 auto; }
.ys .owl-theme .owl-controls .owl-buttons { display: block }
#owl-demo4 .item span { background: rgba(255, 255, 255, 1); }
#owl-demo4 .item p { top: 45%; opacity: 1; }
#owl-demo4 .item h3 { top: 15%; color: #0babf9; }
#owl-demo4 .item h2 { top: 25%; color: #000; }
}
@media (min-width:626px) and (max-width:768px) {
.ys { padding: 3rem 0rem 3rem 0rem; }
.ys .mm { width: 90%; margin: 0 auto; }
.ys .owl-theme .owl-controls .owl-buttons { display: block }
#owl-demo4 .item p { top: 45%; opacity: 1; }
#owl-demo4 .item h3 { top: 10%; }
#owl-demo4 .item h2 { top: 20%; line-height: 1.6; font-size: 1.2rem; }
#owl-demo4 .item:hover h3 { top: 10%; }
#owl-demo4 .item:hover h2 { top: 20%; }
}
@media (min-width:769px) and (max-width:990px) {
.ys { padding: 3rem 0rem 3rem 0rem; }
.ys .mm { width: 90%; margin: 0 auto; }
.ys .owl-theme .owl-controls .owl-buttons { display: block }
#owl-demo4 .item span { background: rgba(255, 255, 255, 1); }
#owl-demo4 .item p { top: 45%; opacity: 1; }
#owl-demo4 .item h3 { top: 15%; color: #0babf9; }
#owl-demo4 .item h2 { top: 25%; color: #000; line-height: 1.6; padding: 0% 10%; }
}
@media (min-width:991px) and (max-width:1400px) {
.ys { padding: 3rem 0rem 3rem 0rem; }
.ys .mm { width: 90%; margin: 0 auto; }
.ys .owl-theme .owl-controls .owl-buttons { display: block }
}
/*è£èª‰èµ„è´¨*/
.honor { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; padding: 8rem 0rem 5rem 0rem; }
.honor-le { width: 25%; float: left; position: relative; overflow: hidden }
.honor-le h3 { color: #000; font-size: 3rem }
.honor-le h3 span { display: block; color: #dde0ed; font-size: 3.6rem; font-weight: bold; line-height: 1.8 }
.honor-le p { color: #000; font-size: 1.4rem; line-height: 2; }
.honor-le b { color: #fff; font-size: 30px; position: absolute; bottom: 30%; left: 10% }
.honor-cont { float: right; width: 100%; position: static !important; }
.smm { margin: 0 auto; width: 100%; height: auto; float: right }
.smm ul { width: 100%; height: 100% }
.smm ul li { width: 31.3333%; float: left; margin-left: 1%; margin-right: 1% }
.smm ul li a { width: 100%; height: auto; margin: 0 auto; display: block; position: relative; overflow: hidden }
.smm ul li a img { max-width: 100%; width: auto; height: auto; transition: all 0.6s; -ms-transition: all 0.8s }
.smm ul li a:hover img { transform: scale(1.1); -ms-transform: scale(1.1) }
.smm ul li p { margin: 0 auto; width: 100%; line-height: 3; color: #fff; font-size: 1.6rem; font-weight: normal; text-align: center; margin-top: 5rem }
.smm ul li p span { margin: 0 auto; font-size: 1.2rem; display: block; width: 100%; text-align: center }
.smm ul li:nth-child(4) { display: none }
.smm .smm_text { position: absolute; top: 0px; left: 0%; width: 100%; height: 50%; line-height: 3; color: #fff; font-size: 2.4rem; font-weight: bold; background: linear-gradient(rgba(45, 95, 195, 1), rgba(99, 129, 190, 0)); transition: all 0.6s; -ms-transition: all 0.8s }
.smm li:hover .smm_text { background: url(../images/c1.jpg) no-repeat center top; width: 100%; height: 100%; margin: 0px; padding: 0px; transition: all 0.6s; -ms-transition: all 0.8s; opacity: 1 }
.honor .owl-carousel, .honor .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.honor .owl-carousel { display: none; width: 100%; z-index: 1 }
.honor .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.honor .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.honor .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.honor .owl-carousel .owl-item, .honor .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.honor .owl-carousel .owl-wrapper-outer { width: 100%; overflow: hidden; }
.honor .owl-theme .owl-controls { margin-top: 2rem; text-align: center; display: block !important; }
.honor .owl-theme .owl-controls .owl-pagination { display: block; }
.honor .owl-theme .owl-controls .owl-buttons { display: none }
.honor .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none }
.honor .owl-theme .owl-controls .owl-page { display: inline-table; }
.honor .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #d6d5d6 }
.honor .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #0babf9 }
.honor .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px }
.honor .owl-carousel .owl-item .item { padding: 5% 3% }
.honor .owl-carousel .owl-item .item a { display: block; width: 100%; height: auto; padding: 5%; margin-top: 5%; border-bottom: solid #fff 1px; transition: all 1s; }
.honor .owl-carousel .owl-item .item a h4 { display: block; width: 100%; color: #000; font-size: 1.6rem; letter-spacing: 1px; text-align: left; line-height: 3; font-weight: normal; transition: all 1s; }
.honor .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; }
.honor .owl-carousel .owl-item img { display: block; width: 100%; transition: all 1s; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
.honor .owl-carousel .owl-dots.disabled, .honor .owl-carousel .owl-nav.disabled { display: none }
.no-js .honor .owl-carousel, .honor .owl-carousel.owl-loaded { display: block }
.honor .owl-carousel .owl-dot, .honor .owl-carousel .owl-nav .owl-next, .honor .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.honor .owl-carousel .owl-nav button.owl-next, .honor .owl-carousel .owl-nav button.owl-prev, .honor .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit }
.honor .owl-carousel.owl-loading { opacity: 0; display: block }
.honor .owl-carousel.owl-hidden { opacity: 0 }
.honor .owl-carousel.owl-refresh .owl-item { visibility: hidden }
.honor .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.honor .owl-carousel.owl-grab { cursor: move; cursor: grab }
.honor .owl-carousel.owl-rtl { direction: rtl }
.honor .owl-carousel.owl-rtl .owl-item { float: right }
.honor .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.honor .owl-carousel .owl-animated-in { z-index: 0 }
.honor .owl-carousel .owl-animated-out { z-index: 1 }
.honor .owl-carousel .fadeOut { animation-name: fadeOut }
.honor .owl-carousel .owl-item:hover a { -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; border-bottom: solid #0babf9 1px; transition: all 1s; }
.honor .owl-carousel .owl-item:hover a h1 { color: #0babf9; transition: all 1s; }
.honor .owl-carousel .owl-item:hover img { display: block; width: 100%; transition: all 1s; transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); }
@keyframes fadeOut {
0% { opacity: 1 }
100% { opacity: 0 }
}
.owl-height { transition: height .5s ease-in-out }
.honor .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.honor .owl-carousel .owl-item .owl-lazy:not([src]), .honor .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.honor .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.honor .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.honor .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(../images/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.honor .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.honor .owl-carousel .owl-video-playing .owl-video-play-icon, .honor .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.honor .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.honor .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
@media(max-width:768px) {
.honor .owl-carousel .owl-item .item a { margin-top: 0rem; }
.honor { padding: 3rem 0rem; }
.honor .owl-carousel .owl-item .item { border: solid #ccc 1px; padding: 2% 2% }
}
@media (min-width:769px) and (max-width:990px) { }
@media (min-width:991px) and (max-width:1080px) { }
@media (min-width:1081px) and (max-width:1320px) { }
@media (min-width:1321px) and (max-width:1600px) { }
/*æ–°é—»ä¸å¿ƒ*/
.news { padding: 30px 0px 50px 0px; clear: both; width: 100% }
.news .mm { padding: 5rem 0rem; }
.news .mm .left { width: 66.6666%; height: auto; float: left; }
.news .mm .right { width: 33.3333%; height: auto; float: right; }
.news .mm .left .item { width: 48%; margin: 1%; float: left; overflow: hidden; position: relative; text-align: center; transition: all 0.7s; }
.news .mm .left .item .nim { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; padding: 5%; }
.news .mm .left .item .nim h4 { padding-top: 3rem; text-align: left; display: block; width: 100%; float: left; transition: all 1s; border-top: solid #000000 1px; margin: 1rem 0rem; }
.news .mm .left .item .nim h4 a { color: #000; text-align: left; font-size: 1.8rem; letter-spacing: 1px; font-weight: normal; line-height: 3 }
.news .mm .left .item .nim .nec { display: block; width: 100%; float: left; color: #000000; font-size: 1.4rem; clear: both; text-align: left; }
.news .mm .left .item .nim .nec p { display: inline; width: 100%; color: #000000; font-size: 1.4rem; clear: both; line-height: 1.8; }
.news .mm .left .item .nim .nec p a { color: #000; }
.news .mm .left .item .nim .date { display: block; width: 50%; float: left; font-weight: bold; color: #000; font-size: 1.4rem; font-weight: normal; text-align: left; transition: all 0.7s; font-weight: bold }
.news .mm .left .item .nim .date font { color: #999999; font-size: 5rem; clear: both; display: block; width: 100%; transition: all 0.7s; }
.news .mm .left .item .nim .nmore { overflow: hidden; display: block; float: right; width: 35px; height: 25px; line-height: 40px; text-align: right; margin-top: 3rem; transition: all 1s; }
.news .mm .left .item .nim .nmore img { display: block; margin: 0 auto; position: relative; filter: drop-shadow(35px 0 #0babf9); -webkit-filter: drop-shadow(35px 0 #0babf9); transition: all 1s }
.news .mm .left .item:hover .nim .nmore img { transform: translate(-35px, 0); -webkit-transform: translate(-35px, 0); -ms-transform: translate(-35px, 0); -o-transform: translate(-35px, 0); transition: all 1s; }
.news .mm .left .item:hover .date { color: #0babf9; transition: all 0.7s; }
.news .mm .left .item:hover .date font { color: #0babf9; transition: all 0.7s; }
.news .mm .left .item:hover { box-shadow: #666 0px 0px 10px; transition: all 0.7s; }
.news .mm .left .ybei { display: block; width: 100%; }
.news .mm .more { display: none; clear: both; margin: 0 auto; }
.news .mm .right .item { width: 98%; margin: 2% 1%; float: left; overflow: hidden; position: relative; text-align: center; transition: all 0.7s; }
.news .mm .right .item .nim { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; padding: 5%; }
.news .mm .right .item .nim h4 { text-align: left; display: block; width: 70%; float: right; transition: all 1s; margin: 1rem 0rem; }
.news .mm .right .item .nim h4 a { color: #a7a7a7; text-align: left; font-size: 1.8rem; letter-spacing: 1px; line-height: 3 }
.news .mm .right .item .nim .date { padding: 5% 0%; display: block; width: 25%; height: 100%; float: left; font-weight: bold; color: #000; font-size: 1.4rem; font-weight: normal; text-align: left; transition: all 0.7s; font-weight: bold; border-right: solid #999999 1px; }
.news .mm .right .item .nim .date font { color: #999999; font-size: 5rem; clear: both; display: block; width: 100%; transition: all 0.7s; }
.news .mm .right .item .nim .nmore { margin-left: 5%; overflow: hidden; display: block; float: left; width: 35px; height: 25px; margin-top: 1rem; transition: all 1s; }
.news .mm .right .item .nim .nmore img { display: block; margin: 0 auto; position: relative; filter: drop-shadow(35px 0 #0babf9); -webkit-filter: drop-shadow(35px 0 #0babf9); transition: all 1s }
.news .mm .right .item:hover .nim .nmore img { transform: translate(-35px, 0); -webkit-transform: translate(-35px, 0); -ms-transform: translate(-35px, 0); -o-transform: translate(-35px, 0); transition: all 1s; }
.news .mm .right .item:hover .date { color: #0babf9; transition: all 0.7s; }
.news .mm .right .item:hover .date font { color: #0babf9; transition: all 0.7s; }
.news .mm .right .item:hover { box-shadow: #666 0px 0px 10px; transition: all 0.7s; }
.news .mm .right .ybei { display: block; width: 100%; }
@media (max-width:468px) {
.news .mm .left { width: 100%; }
.news .mm .left .item { width: 98%; margin: 2% 1% }
.news .mm .right { display: none; }
.news .mm .more { display: block; position: relative; top: 3rem; }
.news .mm .left .item .nim .date font { font-size: 2.4rem; font-weight: bold; }
.news .mm .left .item .nim .date { font-size: 1.4rem; font-weight: normal; }
.news .mm .left .item .nim .nmore { margin-top: 1rem; }
.news .mm .left .item .nim h4 { padding-top: 2rem; margin: 1rem 0rem 0rem 0rem; }
}
@media (min-width:469px) and (max-width:768px) {
.news .mm .left { width: 100%; }
.news .mm .left .item { width: 98%; margin: 2% 1% }
.news .mm .right { display: none; }
.news .mm .more { display: block; position: relative; top: 3rem; }
.news .mm .left .item .nim .date font { font-size: 2.6rem; font-weight: bold; }
.news .mm .left .item .nim .date { font-size: 1.4rem; font-weight: normal; }
.news .mm .left .item .nim .nmore { margin-top: 1rem; }
.news .mm .left .item .nim h4 { padding-top: 2rem; margin: 1rem 0rem 0rem 0rem; }
}
@media (min-width:769px) and (max-width:990px) {
.news .mm .left { width: 100%; }
.news .mm .left .item { width: 48%; margin: 2% 1% }
.news .mm .right { display: none; }
.news .mm .more { display: block; position: relative; top: 3rem; }
.news .mm .left .item .nim .date font { font-size: 3rem; font-weight: bold; }
.news .mm .left .item .nim .date { font-size: 1.4rem; font-weight: normal; }
.news .mm .left .item .nim .nmore { margin-top: 1rem; }
.news .mm .left .item .nim h4 { padding-top: 2rem; margin: 1rem 0rem 0rem 0rem; }
}
@media (min-width:991px) and (max-width:1080px) {
.news .mm .left { width: 100%; }
.news .mm .left .item { width: 48%; margin: 2% 1% }
.news .mm .right { display: none; }
.news .mm .more { display: block; position: relative; top: 3rem; }
.news .mm .left .item .nim .date font { font-size: 4rem; font-weight: bold; }
.news .mm .left .item .nim .date { font-size: 1.4rem; font-weight: normal; }
.news .mm .left .item .nim .nmore { margin-top: 1rem; }
.news .mm .left .item .nim h4 { padding-top: 2rem; margin: 1rem 0rem 0rem 0rem; }
}
@media (min-width:1081px) and (max-width:1200px) {
.news .mm .left { width: 100%; }
.news .mm .left .item { width: 48%; margin: 2% 1% }
.news .mm .right { display: none; }
.news .mm .more { display: block; position: relative; top: 3rem; }
.news .mm .left .item .nim .date font { font-size: 4rem; font-weight: bold; }
.news .mm .left .item .nim .date { font-size: 1.4rem; font-weight: normal; }
.news .mm .left .item .nim .nmore { margin-top: 1rem; }
.news .mm .left .item .nim h4 { padding-top: 2rem; margin: 1rem 0rem 0rem 0rem; }
}
@media (min-width:1201px) and (max-width:1320px) {
.news .mm .left .item .nim .date font { font-size: 3rem; font-weight: bold; }
.news .mm .left .item .nim .date { font-size: 1.4rem; font-weight: normal; }
.news .mm .left .item .nim .nmore { margin-top: 1rem; }
.news .mm .left .item .nim h4 { padding-top: 1rem; margin: 1rem 0rem 0rem 0rem; }
.news .mm .right .item .nim .date font { font-size: 3rem; }
}
@media (min-width:1321px) and (max-width:1440px) {
.news .mm .left .item .nim .date font { font-size: 3rem; font-weight: bold; }
.news .mm .left .item .nim .date { font-size: 1.4rem; font-weight: normal; }
.news .mm .left .item .nim .nmore { margin-top: 1rem; }
.news .mm .left .item .nim h4 { padding-top: 1rem; margin: 1rem 0rem 0rem 0rem; }
.news .mm .right .item .nim .date font { font-size: 3rem; }
.news .mm .right .item .nim h4 a { font-size: 1.6rem; }
}
@media (min-width:1401px) and (max-width:1601px) {
.news .mm .left .item .nim .date font { font-size: 4rem; font-weight: bold; }
.news .mm .left .item .nim .date { font-size: 1.4rem; font-weight: normal; }
.news .mm .left .item .nim .nmore { margin-top: 2rem; }
.news .mm .left .item .nim h4 { padding-top: 1rem; margin: 1rem 0rem 0rem 0rem; }
.news .mm .right .item .nim .date font { font-size: 4rem; }
.news .mm .right .item .nim .nmore { margin-top: 0rem; }
.news .mm .right .item .nim h4 a { font-size: 1.6rem; }
}
@media (min-width:1601px) and (max-width:1780px) {
.news .mm .left .item .nim .date font { font-size: 4rem; font-weight: bold; }
.news .mm .left .item .nim .date { font-size: 1.4rem; font-weight: normal; }
.news .mm .left .item .nim .nmore { margin-top: 2rem; }
.news .mm .left .item .nim h4 { padding-top: 1rem; margin: 1rem 0rem 0rem 0rem; }
.news .mm .right .item .nim .date font { font-size: 4rem; }
.news .mm .right .item .nim .nmore { margin-top: 0rem; }
.news .mm .right .item .nim h4 a { font-size: 1.6rem; }
}
/*è”系我们*/
.contact { float: left; width: 100%; height: auto; clear: both; background: url(../images/foot.jpg) no-repeat #eef0f2 center bottom; background-size: cover; padding: 30px 0px 0px 0px; background: #fff; }
.cont2 { width: 100%; height: auto; clear: both; position: relative; }
.contact .ft { width: 100%; text-align: center; position: absolute; top: -40px; left: 0px; }
.contact .ft img { width: 73px; height: 73px; display: table-cell; }
.cont2_l { width: 68%; float: right; margin-top: 3rem }
.cont2_r { width: 30%; float: left; margin-top: 1rem; position: relative; }
.cont2 .cc { width: 100%; height: auto; float: left }
.cont2 .cc li { width: 14.6666%; float: right; margin-left: 1%; margin-right: 1% }
.cont2 .cc li .er { max-width: 130px; height: auto; float: left; color: #fff; line-height: 2.2; font-size: 1.5rem; text-align: center }
.cont2 .cc li .er img { max-width: 100%; height: auto }
.cont2 .cc li h1 { float: left; display: block; width: 100% }
.cont2 .cc li h1 a { font-size: 1.8rem; color: #000; line-height: 2; font-weight: bold; }
.cont2 .cc li p a { float: left; font-size: 1.4rem; color: #000; line-height: 1.6; clear: both }
.cont2 .cc li p { float: left; font-size: 1.4rem; color: #000; line-height: 2; clear: both; margin-top: 1rem }
.cont2 .ct { width: 100%; height: auto; padding-top: 5rem; clear: both; float: left }
.cont2 .ct h1 { font-size: 1.4rem; color: #000; float: left; padding: 5px; margin-right: 5px }
.cont2 .ct a { float: left; padding: 5px; margin-left: 5px; font-size: 1.4rem; color: #000 }
.cont2_r p img { max-width: 100%; height: auto; margin: 0px 5px; }
.cont2_r .logo { width: 100%; height: auto; clear: both; border-bottom: solid #000 1px; margin-bottom: 2rem; }
.cont2_r p { width: 100%; float: left; font-size: 1.4rem; color: #000; line-height: 2; clear: both; margin-top: 3px }
.cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 50%; float: left; clear: none; }
.foot { float: left; width: 100%; height: auto; padding: 25px 0px; clear: both; border-top: solid #000 1px; margin-top: 3rem; }
.foot .f1 { float: left; font-size: 1.4rem; color: #000; margin: 0 5px }
.foot .f2 { float: left; font-size: 1.4rem; color: #000; margin: 0 5px }
.foot .f3 { float: right; font-size: 1.4rem; color: #000; margin: 0 5px }
.foot .f3 a { font-size: 1.4rem; color: #000 }
@media (max-width:468px) {
.cont2_l { display: none; }
.cont2_r { width: 100%; }
.cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 100%; float: left; clear: none; }
.cont2_r p { font-size: 13px; }
}
@media (min-width:469px) and (max-width:768px) {
.cont2_l { display: none; }
.cont2_r { width: 100%; }
.cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 100%; float: left; clear: none; }
}
@media (min-width:769px) and (max-width:990px) {
.cont2_l { display: none; }
.cont2_r { width: 100%; }
.cont2_r p { width: 50%; float: left; clear: none; }
}
/*@media (min-width:991px) and (max-width:1080px) {
.cont2_l { width: 100%; }
.cont2_r { width: 100%; }
.cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:1081px) and (max-width:1200px) {
.cont2_l { width: 100%; }
.cont2_r { width: 100%; }
.cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:1201px) and (max-width:1440px) {
.cont2_l { width: 100%; }
.cont2_r { width: 100%; }
.cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:1441px) and (max-width:1680px) {
.cont2_l { width: 100%; }
.cont2_r { width: 100%; }
.cont2_r p { width: 33.3333%; float: left; clear: none; }
.cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 33.3333%; float: left; clear: none; }
}*/
.side { position: fixed; width: 78px; right: 0; top: 50%; margin-top: -200px; z-index: 100; border: 1px solid #e0e0e0; background: #fff; border-bottom: 0; z-index: 9999; display: none;}
.side ul li { width: 78px; height: 78px; float: left; position: relative; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 14px; line-height: 38px; text-align: center; transition: all .3s; cursor: pointer }
.side ul li:hover { background: #0babf9; color: #fff }
.side ul li:hover a { color: #fff }
.side ul li a { color: #333 }
.side ul li i { height: 25px; margin-bottom: 1px; display: block; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 25px; margin-top: 14px; transition: all .3s }
.side ul li i.bgs1 { background-image: url(../images/right_pic5.png) }
.side ul li i.bgs2 { background-image: url(../images/right_pic7.png) }
.side ul li i.bgs3 { background-image: url(../images/right_pic2.png) }
.side ul li i.bgs4 { background-image: url(../images/right_pic1.png) }
.side ul li i.bgs5 { background-image: url(../images/right_pic3.png) }
.side ul li i.bgs6 { background-image: url(../images/right_pic6_on.png) }
.side ul li:hover i.bgs1 { background-image: url(../images/right_pic5_on.png) }
.side ul li:hover i.bgs2 { background-image: url(../images/right_pic7_on.png) }
.side ul li:hover i.bgs3 { background-image: url(../images/right_pic2_on.png) }
.side ul li:hover i.bgs4 { background-image: url(../images/right_pic1_on.png) }
.side ul li:hover i.bgs5 { background-image: url(../images/right_pic3_on.png) }
.side ul li .sidebox { position: absolute; width: 78px; height: 78px; top: 0; right: 0; transition: all .3s; overflow: hidden }
.side ul li.sidetop { background: #0babf9; color: #fff }
.side ul li.sidetop:hover { opacity: .8; filter: Alpha(opacity=80) }
.side ul li.sideewm .ewBox.son { width: 250px; display: none; color: #363636; text-align: center; padding-top: 235px; position: absolute; left: -240px; top: 0; background-image: url(../images/er.jpg); background-repeat: no-repeat; background-position: center center; border: 1px solid #e0e0e0 }
.side ul li.sideetel .telBox.son { width: 240px; height: 237px; display: none; color: #fff; text-align: left; position: absolute; left: -240px; top: -79px; background: #0babf9 }
.side ul li.sideetel .telBox dd { display: block; height: 118.5px; overflow: hidden; padding-left: 82px; line-height: 24px; font-size: 18px }
.side ul li.sideetel .telBox dd span { color: #fff; display: block; line-height: 28px; height: 28px; overflow: hidden; margin-top: 32px; font-size: 18px }
.side ul li.sideetel .telBox dd.bgs1 { background: url(../images/right_pic8.png) 28px center no-repeat; background-color: #0babf9 }
.side ul li.sideetel .telBox dd.bgs2 { background: url(../images/right_pic9.png) 28px center no-repeat }
.side ul li:hover .son { display: block !important; animation: fadein 1s }
@keyframes fadein {
from { opacity: 0 }
to { opacity: 1 }
}
@media (max-width:990px) {
.side { display: none }
}
@media (max-width:990px) {
.side { display: none }
}
@media (max-width:1600px) {
.gywm_sztd_list_sz h2{
/* font-size: 3rem !important; */
}
.gywm_sztd_list_sz p{
/* font-size: 1.7rem !important; */
}
}
.i_product{ width: 100%; position: relative; float: left; padding: 50px 0;}
.pro_nav{ width: 100%; float: left;}
.pro_nav li{ font-size: 24px; position: relative; color: #333333; width: 25%; float: left; text-align: center; line-height: 80px; background: #f3f5f8; border-radius: 10px; cursor: pointer;}
.pro_nav li img{ margin-right: 10px; height: 30px;}
.pro_nav li.on{ background: #3395e1;color: #fff;}
.pro_nav li.on img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.pro_nav li:first-child{ border-top-left-radius: 100px; border-bottom-left-radius: 100px;}
.pro_nav li:last-child{ border-top-right-radius: 100px; border-bottom-right-radius: 100px;}
.pro_nav li:after{ content: ''; position: absolute; bottom: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgb(51 149 225); left: 50%; transform: translateX(-50%); display: none;}
.pro_nav li.on:after{ display: inline-block;}
.pro_kuan{width: 100%; float: left; margin-top: 50px;}
.pro_lm{ width: 100%; float: left; display: none;}
.pro_lm.on{ display: inline-block;}
.pro_lm_title{ font-size: 40px; color: #333333; font-weight: bold;}
.pro_lm_desc{ font-size: 18px; color: #666666; margin: 10px 0; margin-bottom: 50px;}
.pro_lm_list{ float: left; width: 45%; position: relative;}
.pro_lm_list:before{ content: ''; position: absolute; height: 100%; width: 1px; border-left: 1px #efefef dashed; left: 25px;}
.pro_lm_list li{ position: relative; width: 100%; margin-bottom: 30px; cursor: pointer; padding-left: 13%;}
.pro_lm_list li .pro_lm_list_title{ font-size: 24px; color: #333333;}
.pro_lm_list li .pro_lm_list_titleen{ font-size: 12px; color: #cccccc; text-transform: uppercase;}
.pro_lm_list li .pro_lm_list_cont{ width: 100%; overflow: hidden; display: none;}
.pro_lm_list li .pro_lm_list_desc{ font-size: 18px; color: #666666; margin: 10px 0;}
.pro_lm_list li .pro_lm_list_more{ margin-top: 10px; width: 100%; display: inline-block;}
.pro_lm_list li .pro_lm_list_more a{ font-size: 14px; color: #ffffff; padding: 11px 23px; background: #3395e1; display: inline-block; border-radius: 100px;}
.pro_lm_list_tu{ float: right; width: 54%; position: relative; padding-bottom: 30%; overflow: hidden;}
.pro_lm_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: contain; display: none;}
.pro_lm_list_tu img.on{ display: block;}
.pro_lm_list li:before{ content: ''; position: absolute; background-size:contain; height: 60px; width: 60px; left: -5px; top: -10px; transform: scale(0.1); background: #3395e1; border-radius: 100px; transition: 0.5s; z-index: 2;}
/*.pro_lm_list li.on:before{ background: url(../images/zi_lm_fl_tb.png) center center no-repeat; transform: scale(1); }*/
.pro_lm_list li:after{ content: ''; position: absolute; width: 16px; height: 16px; background: #ddf4fe; border-radius: 100px; left: 17px; top: 12px; z-index: 1;}
.pro_lm_list li .pro_lm_list_zq{ -webkit-box-shadow: inset 0px 0px 0px 5px #ddf4fe; display: inline-block; border-radius: 50%; position: absolute; left: -5px; top: -10px; transform: scale(0);transition: 0.5s; z-index:3; background: #fff;}
.pro_lm_list li.on .pro_lm_list_zq{ transform: scale(1); }
.pro_lm_list li .pro_lm_list_zq .wz{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 30px; color: #3395e1; width: 100%; height: 100%; text-align: center; font-weight: bold; align-items: center; display: inline-grid;text-transform: uppercase;}
.pro_lm_list li .pro_lm_list_zq .yq{
width: 60px;
height: 60px;
background: none;
-webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 50%, 50% 0%);
border-radius: 50%;
-webkit-box-shadow: inset 0px 0px 0px 5px #3395e1;
}
.pro_lm_list li.on .pro_lm_list_zq .yq {
-webkit-animation: idea 3s infinite linear;
}
.pro_lm_list li.on .pro_lm_list_zq .yq.stop{ -webkit-animation: unset; -webkit-clip-path:polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 0%, 50% 50%, 50% 0%);}
@-webkit-keyframes idea {
12.5% {
-webkit-clip-path:polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 50% 50%, 50% 0%);
}
25% {
-webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 50% 50%, 50% 0%);
}
37.5% {
-webkit-clip-path:polygon(100% 0%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 50%, 50% 0%);
}
50% {
-webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 50% 100%, 50% 100%, 50% 50%, 50% 0%);
}
62.5% {
-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 50% 50%, 50% 0%);
}
75% {
-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 50%, 0% 50%, 50% 50%, 50% 0%);
}
87.5% {
-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 0% 0%, 50% 50%, 50% 0%);
}
100% {
-webkit-clip-path:polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 0%, 50% 50%, 50% 0%);
}
}
.cpzx{ width: 100%; float: left; padding: 15px 0;}
.cpzx_list{ width: 100%; float: left;}
.cpzx_list li{ float: left; width: 28%; margin-bottom: 1%; margin-right: 1%; position: relative; border-radius: 10px; overflow: hidden; cursor: pointer; transition: 0.5s;}
.cpzx_list li:nth-child(3n){margin-right: 0;}
.cpzx_list li.on{ width: 42%;}
.cpzx_list li .cpzx_list_tu{ float: left; width: 100%; position: relative; height: 360px;}
.cpzx_list li .cpzx_list_tu img{ position: absolute; height: 100%; max-width: unset;}
.cpzx_list li .cpzx_list_tu img.cpzx_list_tu01{ opacity: 0.4;transition: 0.5s;}
.cpzx_list li .cpzx_list_tu img.cpzx_list_tu02{ opacity: 0; bottom: 20px; transition: 0.5s;}
.cpzx_list li .cpzx_list_cont{ position: absolute; top: 20px; text-align: center; left: 50%; transform: translateX(-50%); transition: 0.5s;}
.cpzx_list li .cpzx_list_cont .cpzx_list_title{ color: #333333; font-size: 28px; font-weight: bold;}
.cpzx_list li .cpzx_list_cont .cpzx_list_titleen{ font-size: 12px; color: #ccc; text-transform: uppercase; white-space: nowrap;}
.cpzx_list li.cpzx_list_s{ background: url(../images/bg.png) center center no-repeat; background-size: cover;}
.cpzx_list li.cpzx_list_x{ background: url(../images/bg2.png) center center no-repeat; background-size: cover;}
.cpzx_list li.cpzx_list_s .cpzx_list_tu img{ right: 0;}
.cpzx_list li.cpzx_list_x .cpzx_list_tu img{ left: 0;}
.cpzx_list li.cpzx_list_s.on .cpzx_list_cont{ text-align: left; width: auto; left: 10%; transform: translateX(0%);}
.cpzx_list li.cpzx_list_x.on .cpzx_list_cont{ text-align: right; right: 10%; width: auto; left: auto; transform: translateX(0%);}
.cpzx_list li.on .cpzx_list_tu img{ /*width: 100%; object-fit: cover;*/}
.cpzx_list li.on img.cpzx_list_tu01{ opacity: 1;}
.cpzx_list li.on img.cpzx_list_tu02{ bottom: 0; opacity: 1;}
.i_product_title{ font-size: 44px; color: #333333; float: left; width: 100%; font-weight: bold;}
.cpzx_list2{ width: 100%; float: left; margin-top: 30px;}
.cpzx_list2 li{ float: left; width: 49%; margin-right: 2%; border-radius: 0 50px; overflow: hidden;}
.cpzx_list2 li:nth-child(2n){margin-right: 0; border-radius: 50px 0;}
.cpzx_list2 li .cpzx_list2_tu{ float: left; width: 100%; position: relative; overflow: hidden; padding-bottom: 52%;}
.cpzx_list2 li .cpzx_list2_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.cpzx_list2 li .cpzx_list2_cont{ width: 100%; float: left;background: #f5f7f9; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5%; position: relative;}
.cpzx_list2 li .cpzx_list2_tb{ position: absolute; right: 3%; width: 42%; top: -50px; height: 100px;}
.cpzx_list2 li .cpzx_list2_tb img{ max-width: 100%; max-height: 100%;}
.cpzx_list2 li .cpzx_list2_title{ font-size: 32px; color: #333333; font-weight: bold;}
.cpzx_list2 li .cpzx_list2_titleen{ font-size: 12px; color: #cccccc;}
.cpzx_list2 li .cpzx_list2_desc{ font-size: 22px; color: #333333; margin: 20px 0;}
.cpzx_list2 li:hover .cpzx_list2_tu img{ transform: scale(1.1);}
@media screen and (max-width:1399px){
.cpzx_list li .cpzx_list_tu{ height: 300px;}
.cpzx_list li.cpzx_list_x.on:nth-child(4) .cpzx_list_cont{ bottom: 20px; top: auto;}
}
@media screen and (max-width:999px){
.cpzx_list li .cpzx_list_tu{ height: 220px;}
.cpzx_list li .cpzx_list_cont .cpzx_list_title{ font-size: 20px;}
.cpzx_list li .cpzx_list_cont .cpzx_list_titleen{ font-size: 10px;}
.i_product_title{ font-size: 32px;}
.cpzx_list2 li .cpzx_list2_tb{top: -25px; height: 50px;}
.cpzx_list2 li .cpzx_list2_title{ font-size: 22px;}
.cpzx_list2 li .cpzx_list2_desc{ font-size: 14px;}
}
@media screen and (max-width:799px){
.cpzx_list li .cpzx_list_tu { height: 180px; }
.cpzx_list li .cpzx_list_cont .cpzx_list_title { font-size: 16px; }
.cpzx_list li .cpzx_list_cont .cpzx_list_titleen { font-size: 8px; }
.i_product_title{ font-size: 24px;}
.cpzx_list2{ margin-top: 10px;}
.cpzx_list2 li{ border-radius: 0 30px;}
.cpzx_list2 li:nth-child(2n){ border-radius: 30px 0;}
.cpzx_list2 li .cpzx_list2_tb{ top: -16px;}
.cpzx_list2 li .cpzx_list2_title{ font-size: 18px;}
.cpzx_list2 li .cpzx_list2_desc{font-size: 12px; margin: 10px 0;}
}
@media screen and (max-width:599px){
.cpzx_list li,.cpzx_list li.on{ width: 100%; margin-bottom: 10px;}
.cpzx_list li .cpzx_list_tu { height: auto; padding-bottom: 58%; }
.cpzx_list2 li{ width: 100%; margin-bottom: 20px;}
}
.xzwm{ width: 100%; float: left; position: relative;}
.xzwm .container{ width: 100%;}
.xzwm_titleen{ font-size: 76px; text-align: center; text-transform: uppercase;color: #ffffff; opacity: 0.1; font-weight: bold; margin-top: 10px;}
.xzwm_title{ font-size: 40px; color: #ffffff; text-align: center; line-height: 40px; position: relative; margin-top: -50px;font-weight: bold;}
.xzwm_list{ width: 100%; float: left; border-top: 1px solid #fff; margin-top: 50px;}
.xzwm_list li{ float: left; width: 25%; text-align: center; border-right: 1px solid #fff; padding: 100px 0; cursor: pointer; transition: 0.5s;}
.xzwm_list li:hover{ background: rgba(0,0,0,0.2);}
.xzwm_list li .xzwm_list_tb{ margin-top: 50px;}
.xzwm_list li .xzwm_list_tb img{}
.xzwm_list li .xzwm_list_title{ font-size: 24px; color: #ffffff; margin-top: 10px;}
.xzwm_list li .xzwm_list_desc{ font-size: 16px; color: #ffffff; width: 70%; margin: 0 auto; margin-top: 20px; line-height: 28px; min-height: 150px;}
@media screen and (max-width:1199px){
.pro_nav li{ font-size: 18px; line-height: 55px;}
.pro_nav li img{ margin-right: 5px; height: 24px;}
.pro_lm_title{ font-size: 30px;}
.pro_lm_desc{font-size: 16px;}
.pro_lm_list li .pro_lm_list_title{ font-size: 20px;}
.pro_lm_list li:before,.pro_lm_list li .pro_lm_list_zq{ top: -14px;}
.pro_lm_list li:after{ top: 8px;}
.pro_lm_list li.on:before,.pro_lm_list li.on .pro_lm_list_zq{ transform: scale(0.7);}
.xzwm_titleen{ font-size: 65px;}
.xzwm_title{ font-size: 36px;}
.xzwm_list li{ padding: 50px 0;}
.xzwm_list li .xzwm_list_tb img { height: 80px; }
.xzwm_list li .xzwm_list_title{ font-size: 20px;}
.xzwm_list li .xzwm_list_desc{ width: 90%; line-height: 24px;}
}
@media screen and (max-width:900px){
.pro_nav li { font-size: 14px; line-height: 40px; }
.pro_nav li img{ height: 15px;}
.pro_kuan{ margin-top: 30px;}
.pro_lm_title { font-size: 24px; }
.pro_lm_desc { font-size: 14px; }
.pro_lm_list{ width: 100%;}
.pro_lm_list li .pro_lm_list_desc{ font-size: 14px;}
.pro_lm_list li .pro_lm_list_more{ margin-top: 5px;}
.pro_lm_list li .pro_lm_list_more a{ padding: 5px 15px; font-size: 12px;}
.pro_lm_list_tu{ width: 100%; padding-bottom: 60%;}
.xzwm_titleen { font-size: 50px; }
.xzwm_title { font-size: 26px; margin-top: -40px; }
.xzwm_list li { padding: 30px 0; }
.xzwm_list li .xzwm_list_tb{ margin-top: 30px;}
.xzwm_list li .xzwm_list_tb img { height: 60px; }
.xzwm_list li .xzwm_list_title { font-size: 16px; }
.xzwm_list li .xzwm_list_desc{ font-size: 12px; margin-top: 10px; line-height: 20px;}
}
@media screen and (max-width:799px){
.i_product{ padding: 30px 0;}
.pro_nav li img{ display: none;}
.pro_lm_desc { font-size: 12px; margin-bottom: 20px;}
pro_lm_list li.on:before { transform: scale(0.6); }
.pro_lm_list li .pro_lm_list_title { font-size: 18px; }
.pro_lm_list li .pro_lm_list_titleen{ font-size: 10px;}
.pro_lm_list li .pro_lm_list_desc{ font-size: 12px;}
.xzwm_list li { width: 50%; border-bottom: 1px solid #fff; }
.xzwm_list li .xzwm_list_desc{ min-height: 120px;}
}
@media screen and (max-width:599px){
.pro_nav li{ font-size: 12px; line-height: 15px; height: 40px; align-items: center; display: inline-grid;}
.pro_nav li:after{ bottom: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgb(51 149 225);}
.pro_lm_title { font-size: 20px; }
.pro_lm_list li{ margin-bottom: 20px;}
.pro_lm_list li .pro_lm_list_title { font-size: 15px; }
.pro_lm_list li.on:before,.pro_lm_list li.on .pro_lm_list_zq{ transform: scale(0.5);}
.pro_lm_list li .pro_lm_list_desc{ margin: 3px 0;}
.pro_lm_list li .pro_lm_list_more a { padding: 3px 10px; font-size: 10px; }
.pro_lm_list:before{ left: 20px;}
.pro_lm_list li:before,.pro_lm_list li .pro_lm_list_zq{ top: -20px; left: -10px;}
.pro_lm_list li:after { top: 2px; left: 12px; }
.xzwm_titleen { font-size: 30px; }
.xzwm_title { font-size: 18px; margin-top: -30px; }
.xzwm_list{ margin-top: 20px;}
.xzwm_list li .xzwm_list_tb { margin-top: 0px; }
.xzwm_list li .xzwm_list_tb img { height: 50px; }
.xzwm_list li .xzwm_list_desc{ margin-top: 5px; line-height: 18px;}
}